import { Carousel } from 'antd';
import React from 'react';
import '../css/userlun.css'
  import { Link } from 'react-router-dom';

const contentStyle = {
  height: '500px',
  color: '#fff',

};
const App = () => (
  <Carousel  autoplay>
    <div>
      <h3 style={contentStyle}>
      <Link to={'/Details3'}>
      <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/1111.jpg' alt='' />
    <h4>中国气象大学</h4>
    </div>
        </div>
        </Link>
        <Link to={'/Details4'}>

        <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/2222.jpg' alt='' />
    <h4>北京大学</h4>
    </div>
        </div>
        </Link>

        <Link to={'/Details5'}>

        <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/3333.jpg' alt='' />
    <h4>中山大学</h4>
    </div>
        </div>
        </Link>

      </h3>
    </div>
    <div>
    <h3 style={contentStyle}>
        <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/1111.jpg' alt='' />
    <h4>中国气象大学</h4>
    </div>
        </div>
        <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/2222.jpg' alt='' />
    <h4>北京大学</h4>
    </div>
        </div>
        <div className='user-1'>
    <div className='user-2'>
    <img src='http://127.0.0.1:7001/public/whj/3333.jpg' alt='' />
    <h4>中山大学</h4>
    </div>
        </div>

      </h3>

    </div>  

  </Carousel>

);
export default App;